$hdBaseColor: #6495DC;
$hdBgColor: #444;

@mixin user-select($string) {
  -moz-user-select: $string;
  -webkit-user-select: $string;
  -ms-user-select: $string;
}

html, body {
  height: 100%;  
}

body {
  overflow: hidden;
  @include user-select(none);
  -webkit-text-size-adjust:none;
}

.hidden {
  display: none;
}

$status_height: 30px;

#layout {
  clear: both;
  @include min-height(100%);
  margin-bottom: - $status-height;
}

#footer {
  .top-bar-section, .top-bar-section ul li a > div {
    font-weight: normal;
    height: $status-height;
    line-height: $status-height;
  }  
  .top-bar-section .has-dropdown > a:after {
    border-color: transparent transparent rgba(255, 255, 255, 0.5) transparent;
    margin-top: -15px;
  }

  color: #ddd;

  .title, .value {
    display: inline;
  }
  .title, .value {
    color: $rs_blue;
  }
  .value {
    color: #ddd;
    margin-left: 10px;
  }
}

.view-status {
  position: relative;
  padding-left: 0px;
  color: $hdBaseColor;
  background-color: $hdBgColor;
  height: $status-height;
  overflow: hidden;
  text-shadow: none;

  .row {
    line-height: $status-height;
    font-size: 12px;
    max-width: 100%;
    padding: 0 10px; 
  }

  .hd-divider {
    border-left: 2px solid $hdBaseColor;
  }
}

.th_slider {
  font: 10px sans-serif;
  shape-rendering: crispEdges;
}

.th_slider .scale {
  stroke: grey
}

.th_slider .axis line, .th_slider .axis path {
  fill: none;
  stroke: grey;
}

.th_slider .dragger path {
  fill-opacity: 0.75;
}

.th_slider .dragger.selected path {
  fill: yellow;
  stroke-width: 2;
}

svg text {
  text-shadow: none;
}

.df-geo-location {
  cursor: pointer;
  position: absolute;
  top: 65px;
  right: 10px;
  padding: 5px 10px;
  border: 2px solid #888;
  text-shadow: none;

  @include border-radius(10px);
}

.df-geo-location-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.locate-ms-indicator {
  position: fixed;
  top: 15px;
  right: 10px;
  height: 18px;
  line-height: 18px;
  color: yellow;
  font-size: 18px;
  text-shadow: none;
}

/* mobiscroll */

.dwo {
  opacity: 0.5;
}

.dwbg .dwb {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  font-weight: normal;
}

.dwbc {
  padding-bottom: 10px;
}

.dwl {
  font-size: 16px;
}
